<%-- 
    Document   : capturaPeriodo
    Created on : 16/10/2012, 09:50:16 PM
    Author     : Alberto Ruiz | Roberto Corona
    Muestra el formulario para capturar el periodo a consultar
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Despliega Movimientos</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
        <link href="estilo.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="valida.js">
        </script>
        <script type="text/javascript">
            var cancelar = false;
            
            function validaEnviar(){
                if(caneclar){
                    return true;
                }
                
                var campoValidar = document.getElementById('txtFechaInicial');
                var idMensaje = document.getElementById('lblErrorFecha1');
                                                
                if(!validaFecha(campoValidar, idMensaje, true)){
                    return false;
                }else{
                    idMensaje.innerHTML = '';
                }
                
                campoValidar = document.getElementById('txtFechaFinal');
                idMensaje = document.getElementById('lblErrorFecha2');                    
                if(!validaFecha(campoValidar, idMensaje, true)){
                    return false;
                }else{
                    idMensaje.innerHTML = '';
                }
               
                return true;
            }
        </script>
    </head>

    <body>
        <jsp:useBean id="mensajes" class="java.util.HashMap" scope="request" />
        <%--Contiene los elementos del encabezado logo y titulo--%>
        <%@include file="WEB-INF/jspf/titulo.jspf" %>
        <%--Contiene todos los elementos--%>
        <div id="contenedor">
            <%--Contiene todos los elementos del menu lateral--%>
            <%@include file="WEB-INF/jspf/menuMovimientos.jspf" %>
            <%--muestra el formulario para agregar los datos del periodo--%>
            <div id="contenidos">
                <form method="post" name="form1" action="ObtenComprasGranelPeriodo" onsubmit="if(!validaEnviar()){return false;}">

                    <table style="width: 100%">
                        <tr class="filaEncabezado">
                            <td>Fecha inicial</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td><input value="${param.txtFechaInicial}" name="txtFechaInicial" id="txtFechaInicial" type="text" onchange="validaFecha(this, lblErrorFecha1, true);" /></td>
                            <td>&nbsp;</td>
                            <td><span class="lblMensaje" id="lblErrorFecha1">
                                    &nbsp; ${mensajes.txtFechaInicial.mensaje} &nbsp;
                                </span></td>
                        </tr>
                        <tr class="filaEncabezado">
                            <td>Fecha final</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td><input value="${param.txtFechaFinal}" name="txtFechaFinal" id="txtFechaFinal" type="text" onchange="validaFecha(this, lblErrorFecha2, true);" /></td>
                            <td>&nbsp;</td>
                            <td><span class="lblMensaje" id="lblErrorFecha2">
                                    &nbsp; ${mensajes.txtFechaFinal.mensaje} &nbsp;
                                </span></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>
                                <input type="reset" id="cmbRestaurar" name="cmbRestaurar" value="Restaurar" />&nbsp;				
                                <input type="submit" id="cmbCancelar" name="boton" value="Cancelar" onclick="cancelar=true;" />&nbsp;
                                <input type="submit" id="cmbContinuar" name="boton" value="Continuar" />
                            </td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>

                </form>
            </div>
        </div>
        <div id="piePagina">
        </div>

    </body>

</html>
